<!DOCTYPE html>
<head>
<meta  charset=utf-8" />
<title>百货商店 - 首页</title>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>

<body>
<div id="header" class="wrap">
	<div id="logo"><img src="images/logo.gif" /></div>
	<div class="help"><a href="#" class="shopping">购物车</a><a href="登录.html">登录</a><a href="注册.html">注册</a></div>
	<div class="navbar">
		<ul class="clearfix">
			<li class="current"><a href="首页.html">首页</a></li>
			<li><a href="#">品牌</a></li>
			<li><a href="#">日常用品</a></li>
			<li><a href="#">潮流引领</a></li>
			<li><a href="#">今日特价</a></li>
		</ul>
	</div>
</div>
<div id="childNav">
	<div class="wrap">
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">果冻</a></li>
			<li><a href="#">零食</a></li>
			<li><a href="#">坚果</a></li>
			<li><a href="#">牛奶</a></li>
			<li><a href="#">裙子</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li><a href="#">球衣</a></li>
			<li><a href="#">饰品</a></li>
			<li class="last"><a href="#">Come on Baby</a></li>
		</ul>
	</div>
</div>
<div id="position" class="wrap">
	您现在的位置：<a href="index.html">百货商店</a> &gt; <a href="product-list.html">享受生活</a> &gt; 运动健康
</div>
<div id="main" class="wrap">
	<div class="lefter">
		<div class="box">
			<h2>商品分类</h2>
			<dl>
				<dt>享受生活</dt>
				<dd><a href="product-list.html">运动健康</a></dd>
				<dd><a href="product-list.html">服装</a></dd>
				<dt>赏心悦目</dt>
				<dd><a href="product-list.html">图书</a></dd>
				<dd><a href="product-list.html">音乐</a></dd>
				<dt>吃饱喝足</dt>
				<dd><a href="product-list.html">零食</a></dd>
				<dd><a href="product-list.html">坚果</a></dd>
				<dt>高科技</dt>
				<dd><a href="product-list.html">相机</a></dd>
				<dd><a href="product-list.html">电脑</a></dd>
			</dl>
		</div>
		<div class="spacer"></div>
		<div class="last-view">
			<h2>最近浏览</h2>
			<dl class="clearfix">
				<dt><img src="images/product/22.jpg" /></dt>
				<dd><a href="product-view.html" target="_blank">你的最爱一脑白金大礼包</a></dd>
				<dt><img src="images/product/24.jpg" /></a></dt>
				<dd><a href="product-view.html" target="_blank">吕子乔同款肾宝</a></dd>
			</dl>
			<script type="text/javascript">
				document.write("Cookie中记录的购物车商品ID："+ getCookie("product") + "，可以在动态页面中进行读取");
			</script>
		</div>
	</div>
	<div class="main">
		<div class="product-list">
			<h2>全部商品</h2>
			<div class="pager">
				<ul class="clearfix">
					<li><a href="#">上一页</a></li>
					<li class="current">1</li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">下一页</a></li>
				</ul>
			</div>
			<div class="clear"></div>
			<ul class="product clearfix" align=center>
				<li>
					<dl>
						<dt><a href="product-view.html" target="_blank"><img src="images/product/1.jpg" /></a></dt>
						<dd class="title"><a href="product-view.html" target="_blank">死飞007</a></dd>
						<dd class="price">￥770.0</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href="product-view.html" target="_blank"><img src="images/product/2.jpg" /></a></dt>
						<dd class="title"><a href="product-view.html" target="_blank">小帅单车</a></dd>
						<dd class="price">￥399.0</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href="product-view.html" target="_blank"><img src="images/product/3.jpg" /></a></dt>
						<dd class="title"><a href="product-view.html" target="_blank">零食大礼包</a></dd>
						<dd class="price">￥30/斤</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href="product-view.html" target="_blank"><img src="images/product/4.jpg" /></a></dt>
						<dd class="title"><a href="product-view.html" target="_blank">坚果大杂烩</a></dd>
						<dd class="price">￥50/斤</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href="product-view.html" target="_blank"><img src="images/product/5.jpg" /></a></dt>
						<dd class="title"><a href="product-view.html" target="_blank">喜之郎果冻</a></dd>
						<dd class="price">￥20/斤</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href="product-view.html" target="_blank"><img src="images/product/6.jpg" /></a></dt>
						<dd class="title"><a href="product-view.html" target="_blank">库里30号球衣</a></dd>
						<dd class="price">￥1099.0</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href="product-view.html" target="_blank"><img src="images/product/7.jpg" /></a></dt>
						<dd class="title"><a href="product-view.html" target="_blank">詹姆斯23号球衣</a></dd>
						<dd class="price">￥999.0</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href="product-view.html" target="_blank"><img src="images/product/8.jpg" /></a></dt>
						<dd class="title"><a href="product-view.html" target="_blank">潮男修身小脚裤</a></dd>
						<dd class="price">￥128.0</dd>
					</dl>
				</li>
			</ul>
			<div class="clear"></div>
			<div class="pager">
				<ul class="clearfix">
					<li><a href="#">上一页</a></li>
					<li class="current">1</li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">下一页</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="footer">
	Copyright &copy; 2010 湖南汽车工程职业学院 All Rights Reserved. 京ICP证1000001号
</div>
</body>
</html>
